<template>
  <div class="cockpitMain">
    <el-row :gutter="20" style="width: 100%; height: 100%; margin-left: -5px">
      <el-col :span="8" style="height: 100%">
        <cockpitMainLeft class="cockpitMainBorder cockpitMainLeft"></cockpitMainLeft>
      </el-col>
      <el-col :span="8" style="height: 100%">
        <cockpitMainCenter class="cockpitMainBorder cockpitMainCenter"></cockpitMainCenter>
      </el-col>
      <el-col :span="8" style="height: 100%">
        <cockpitMainRight class="cockpitMainBorder cockpitMainRight"></cockpitMainRight>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import cockpitMainCenter from "./cockpitMainCenter.vue";
import cockpitMainLeft from "./cockpitMainLeft.vue";
import cockpitMainRight from "./cockpitMainRight.vue";
export default {
  components: {
    cockpitMainLeft,
    cockpitMainCenter,
    cockpitMainRight
  },
  data() {
    return {
    }
  },
  methods: {
  }
};
</script>

<style  scoped></style>